* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  // transition: 0.3s;
}
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

html {
  font-size: 20px;
}
body {
  font-family: Inter, Roboto, Oxygen, Fira Sans, Helvetica Neue, sans-serif;
  font-size: 1em;
  color: #2c3e50;
  overflow: hidden;
}
a {
  text-decoration: none;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.spaceAround2 {
  display: flex;
  justify-content: space-around;
}
.scroller {
  &::-webkit-scrollbar {
    width: 0.2rem;
    border-radius: 0.2rem;
  } //滚动条整体部分
  &::-webkit-scrollbar-button {
    display: none;
  } //滚动条两端的按钮
  &::-webkit-scrollbar-track {
    background: transparent;
  } // 外层轨道
  &::-webkit-scrollbar-thumb {
    width: 100%;
    background: #b2bec3;
    border-radius: 0.2rem;
  } //滚动条里面可以拖动的那个
  // ::-webkit-scrollbar-corner   //边角
  // ::-webkit-resizer   ///定义右下角拖动块的样式
  // ::-webkit-scrollbar-track-piece    //内层轨道，滚动条中间部分（除去）
}
